<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<%@taglib prefix="rich" uri="http://richfaces.org/rich"%>

<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
            <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/tema/fileSelector_theme.css" />
            <title>Seleccionar Archivo</title>
        </head>
        <body>
            <script type="text/javascript">
                function closeAndRefreshParent()
                {
                    window.opener.location.reload();
                    self.close();
                }
            </script>
            <h2>Sistema de archivos del Servidor</h2>
            <div id="#contenedor">
                <h:form id="frmFileExplorer" style="width:500px;">
                    <a4j:outputPanel ajaxRendered="true">
                        <h:panelGrid id="pnlCabecera" columns="2" columnClasses="negrita label,input">
                            <h:outputLabel for="txtNombreServidor" value="Nombre servidor:"/>
                            <h:outputText id="txtNombreServidor" value="#{TreeController.nombreServidor}"/>

                            <h:outputLabel for="txtRutaInicial" value="Ruta inicial:"/>
                            <h:inputText id="txtRutaInicial" value="#{TreeController.rutaInicial}" size="50">
                                <a4j:support event="onchange" action="#{TreeController.cambiarRutaInicial}" reRender="txtRutaInicial,txtRutaSeleccionada,cmb" />
                            </h:inputText>
                        </h:panelGrid>

                        <br/>

                        <rich:separator lineType="simple" height="1px" />

                        <p style="padding-left: 5px; text-align: left; vertical-align: middle;">
                            <a4j:commandButton image="/images/folderPrevious.png" action="#{TreeController.subirNivel}" value="Subir carpeta" reRender="cmb,txtRutaSeleccionada,pnlCabecera" alt="Subir un nivel" title="Subir un nivel"/>
                        </p>

                        <rich:separator lineType="simple" height="1px" />
                        <h:outputText value="Explorador de archivos" styleClass="negrita input" style="background-color:#e7e2e2;border-style:solid;border-width:1px; border-color:#e7e2e2; width:493px; display:block; padding-left:5px;"/>

                        <h:selectOneListbox id="cmb"
                                            size="20"
                                            styleClass="selectFile"
                                            valueChangeListener="#{TreeController.processValueChange}">
                            <f:selectItems value="#{TreeController.listaDirectorios}" />
                            <a4j:support reRender="txtRutaSeleccionada" action="seleccionar" event="onclick" />
                        </h:selectOneListbox>

                        <rich:separator lineType="simple" height="1px" />
                        <br/>

                        <fieldset>
                            <legend>Ruta seleccionada</legend>
                            <h:outputText id="txtRutaSeleccionada" value="#{TreeController.rutaSeleccionada}"/>
                            <p style="padding-left: 5px; text-align: right; vertical-align: middle;">
                                <a4j:commandButton action="#{TreeController.valorSeleccionado}" value="Ok" oncomplete="closeAndRefreshParent()" />
                            </p>
                        </fieldset>
                    </a4j:outputPanel>
                </h:form>
            </div>
        </body>
    </html>
</f:view>